<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv=Content-Type content="text/html; charset=utf-8">
		<title>登录页面</title>
		<style>
			body{
				background-color: #acf;
				background: url(images/login.PNG) no-repeat 0px 0px;
				font-size:40px;
				margin:150px 0 0 0;
			}
			.forms{
		   		 margin:100px 0 30px 430px;
		   		
			}
			.input{
				 margin-bottom: 20px;
				  font-size:30px;
				  width:300px
			}
			.inputs{
			width:400px;
			height:40px
			}
			.title{
			 margin-bottom: 20px;
			}
			
		</style>
		<script>
	// 判断是登录账号和密码是否为空
	function check(){
	    var username = $("#username").val();
	    var password = $("#password").val();
	    if(username=="" || password==""){
	    	$("#message").text("账号或密码不能为空！");
	        return false;
	    }  
	    return true;
	}
	</script>
	</head>
<body>
	<form action="${pageContext.request.contextPath }/login.action" 
						method="post" onsubmit="return check()"  class="forms">
		<div class="input">
			账&nbsp;号&#58;&nbsp;
			 <input class="input" type="text" name="username" id="username" placeholder="请输入您的账号">
		</div>
		 <div class="input">
		   	 密&nbsp;码&#58;&nbsp;
		   	 <input class="input" type="password" name="password" id="password" placeholder="请输入您的密码">
		 </div> 
	     <div class="input">
	       	 <input type="submit" value="登录" class="inputs" />
	     </div>
	     <div>
	     	<a href="${pageContext.request.contextPath }/register.action">
	     	注册
	     	</a>
	     </div>
	 </form>
</body>
</html>